.ww {
  width: 100% !important;
}
.wwv{
  width: 100vw !important;
  min-width: 100vw !important;
  max-width: 100vw !important;
}


.hh {
  height: 100% !important;
}

@each $item in 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15,16,17,18,19, 20 {
  .w$(item)rem {
    width: calc($(item) * var(--rem_base));
    min-width: calc($(item) * var(--rem_base));
    max-width: calc($(item) * var(--rem_base));
  }
  .h$(item)rem {
    height: calc($(item) * var(--rem_base));
    min-height: calc($(item) * var(--rem_base));
    max-height: calc($(item) * var(--rem_base));
  }
  .wm$(item)rem {
    max-width: calc($(item) * var(--rem_base));
  }
}
